﻿html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, legend, img, a, video, figure, source {

  margin: 0;

  padding: 0;

  font-family: "Microsoft YaHei";

}



/*

 111111 ：自改 没提问题



*/

ul, li, ol {

  list-style: none;

}



a {

  text-decoration: none;

}



body {

  background-color: #f5f5f5;

}

body,html{

  overflow-x: auto!important;

  min-width: 930px!important;

}

.box {

  width: 100%;

}

.box .logo {

  z-index: 1000;

  width: 275px;

  height: 80px;

  position: absolute;

  top: 0;

  left: 0;

  background: url("../img/static/logo.png") no-repeat top left;

}

.box .logo a {

  width: 100%;

  height: 100%;

  display: block;

}

.box .close {

  background: url("../img/static/close.png");

  position: absolute;

  top: 35px;

  right: 32px;

  width: 33px;

  height: 33px;

  z-index: 121;

  cursor: pointer;

}

.box .close:hover {

  background: url("../img/static/close-pink.png");

}

.box .bg-pic {

  max-width: 100%;

  display: block;

  z-index: 2;

}

.box .nav {

  position: relative;

  -moz-box-shadow: 1px 1px 3px rgba(102, 102, 102, 0.3);

  -webkit-box-shadow: 1px 1px 3px rgba(102, 102, 102, 0.3);

  box-shadow: 2px 3px 3px rgba(102, 102, 102, 0.3);

  background-color: #ffffff;

  width: 80%;

  height: 62px;

  border: 1px;

  overflow: hidden;

  margin: 0 auto;

  margin: -1.5% auto 5%;

  border-radius: 12px;

  z-index: 1000;

}

.box .nav li {

  float: left;

  height: 62px;

  /*width: 25%;*/

  width: 33.3%;

  border-right: 1px solid #e9e9e9;

  text-align: center;

  box-sizing: border-box;

  cursor: pointer;

  overflow: hidden;

}

.box .nav li .last {

  border-right: 0px;

}

.box .nav li a {

  display: inline-block;

  font-size: 20px;

  width: 120px;

  height: 57px;

  line-height: 62px;

  color: #222222;

  text-align: center;

}

.box .nav li a:hover {

  border-bottom: 5px solid #e4006e;

}

.box .subnav {

  width: 80%;

  margin: 0 auto;

}

.box .subnav ol {

  width: 60%;

  /*width: 50%;    111111*/

  height: 55px;

  display: none;

}

.box .subnav ol li {

  width:30%;

  height: 55px;

  float: left;

  margin-right: 2%;

  background: #e8e8e8;

  color: #717171;

  text-align: center;

  line-height: 55px;

  border-radius: 15px 15px 0 0;

  cursor: pointer;

}

.box .subnav ol li.cur {

  background: #fff;

  color: #000;

}

.box .subnav ol.product {

  width: 80%;

}

.box .subnav ol.product li {

  width: 18%;

}

.box .content {

  display: block;

  -moz-box-shadow: 1px 1px 5px #666;

  -webkit-box-shadow: 1px 1px 5px #666;

  box-shadow: 2px 3px 5px #666;

  box-sizing: border-box;

  padding: 95px 105px;

  width: 80%;

  background-color: #fff;

  text-align: center;

  overflow: hidden;

  margin: 0 auto;

  /* margin-top: 5%; */

  vertical-align: middle;

}

.box .content .hide {

  width: 100%;

  overflow: hidden;

}

.box .content .hide .subcont {

  text-align: left;

}

.box .content .hide .subcont .introcont, .box .content .hide .subcont .productcont {

  display: none;

  font-size: 18px;

  line-height: 2em;

}

.box .content .hide .subcont p.loadmore {

  padding-bottom: 0;

  font-size: 14px;

}

.box .content .hide .subcont .productcont {

  display: none;

}

.box .content .hide .subcont .productcont div {

  text-align: center;

  padding-bottom: 30px;

}

.box .content .hide .subcont .productcont p {

  text-indent: 36px;

  padding-bottom: 10px;

}

.box .content .hide .subcont s {

  color: #e4006e;

  font-size: 20px;

  text-decoration: none;

  font-weight: bold;

  margin-right: 10px;

}

.box .content .hide .subcont h2 {

  font-size: 24px;

  font-weight: 100;

  padding-bottom: 20px;

}

.box .content .hide .subcont h3 {

  font-size: 20px;

  line-height: 50px;

  position: relative;

  padding-left: 20px;

  padding-bottom: 10px;

}

.box .content .hide .subcont h3 s {

  position: absolute;

  left: 0;

  top: 0;

  color: #e4006e;

  font-size: 30px;

  text-decoration: none;

}

.box .content .hide .subcont p {

  padding-bottom: 50px;

}

.box .content .hide .subcont p a {

  color: #2e3993;

}

.box .content .hide .subcont ol {

  margin: 10px 0 45px;

}

.box .content .hide .subcont ul {

  padding: 5% 0 0 40%;

}

.box .content .hide .subcont ul li {

  line-height: 2em;

}

.box .content .hide .subcont dl dt {

  display: inline-block;

  /*width: 10%;111111*/

  width: 12%;

  line-height: 30px;

  vertical-align: top;

  font-weight: bold;

}

.box .content .hide .subcont dl dd {

  display: inline-block;

  width: 80%;

}

.box .content .hide .subcont .teletext {

  overflow: hidden;

  width: 100%;

  clear: both;

}

.box .content .hide .subcont .teletext img {

  width: 20%;

  float: left;

}

.box .content .hide .subcont .teletext div {

  width: 75%;

  float: right;

}

.box .content .hide .subcont .teletext p {

  text-indent: 2em;

  padding-bottom: 10px;

}

.box .content .hide .subcont .intro2 h2 {

  text-align: center;

}

.box .content .hide .subcont .intro2 img {

  display: block;

  margin: 0 auto;

}

.box .content .hide .subcont .intro3 dl dd {

  padding-bottom: 30px;

}

.box .content .hide .subcont .intro3 dl dd p {

  padding-bottom: 10px;

}

.box .content .hide .subcont .intro4 p {

  padding-bottom: 10px;

}

.box .content .hide .subcont .intro5 ol {

  display: flex;

  width: 110%;

  flex-flow: row wrap;

  justify-content: flex-start;

  margin: 0;

}

.box .content .hide .subcont .intro5 ol li {

  width: 396px;

  height: 290px;

  position: relative;

  margin: 0 55px 50px 0;

  cursor: pointer;

}

.box .content .hide .subcont .intro5 ol li p {

  color: #fff;

  font-size: 18px;

  width: 376px;

  min-height: 58px;

  line-height: 58px;

  padding: 0 10px;

  position: absolute;

  left: 0;

  bottom: 0;

  z-index: 2;

}

.box .content .hide .subcont .intro5 ol li p.mask {

  width: 376px;

  height: 58px;

  background: #24318f;

  opacity: 0.5;

  z-index: 1;

}

.box .content .hide .subcont .aboutuscont h2 span {

  font-size: 16px;

  font-weight: bold;

  padding-left: 10px;

}

.box .content .hide .subcont .aboutuscont .joblist p {

  display: flex;

  flex-direction: row;

  color: #929292;

  border-bottom: 1px solid #eee;

  padding-bottom: 10px;

  margin-bottom: 10px;

}

.box .content .hide .subcont .aboutuscont .joblist p a, .box .content .hide .subcont .aboutuscont .joblist p span {

  text-align: center;

  width: 25%;

  display: inline-block;

}

.box .content .hide .subcont .aboutuscont .joblist p a {

  color: #2e3993;

}

.box .content .hide .subcont .aboutuscont .joblist p.joblist-title {

  color: #000;

  border-bottom: 2px solid #ccc;

}

.box .news-page {

  display: none;

  width: 80%;

  margin: 0 auto;

  margin-top: 5%;

  margin-bottom: 20px;

}

.box .news-page li {

  -moz-box-shadow: 1px 1px 5px rgba(102, 102, 102, 0.3);

  -webkit-box-shadow: 1px 1px 5px rgba(102, 102, 102, 0.3);

  box-shadow: 2px 3px 5px rgba(102, 102, 102, 0.3);

  box-sizing: border-box;

  -moz-border-radius: 12px;

  -webkit-border-radius: 12px;

  border-radius: 12px;

  width: 100%;

  /*height: 220px; 1111111*/

  background-color: #fff;

  padding: 38px 80px;

  display: inline-block;

  margin-bottom: 22px;

}

.box .news-page li .new-imgs {

  float: left;

  display: inline-block;

  width: 17%;

  color: #2e3993;

  font-size: 24px;

  /*margin-right: 50px;  11111*/

  padding-top: 4%;

  text-align: center;

}

.box .news-page li .thumbnail {

  float: right;

  height: 63.6%;

  width: 75%;

  font-size: 16px;

  line-height: 24px;

}

.box .news-page li .thumbnail .news-title {

  font-size: 24px;

  color: #000;

}

.box .news-page li .thumbnail #details {

  color: #e4006e;

  display: inline-block;

  font-size: 16px;

}

.box .news-page li .thumbnail .news-text {

  display: block;

  margin: 12px 0 32px 0;

  color: #929292;

  font-size: 16px;

}

.box .news-page li .thumbnail .news-time {

  font-family: "Microsoft YaHei";

  color: #bbbbbb;

  font-size: 16px;

  line-height: 16px;

  color: #a3a3a3;

  background: url("../img/static/time.png") no-repeat;

  text-indent: 2em;

}

.box .paged {

  display: none;

  overflow: hidden;

  width: 248px;

  margin: 0 auto;

  margin-top: 45px;

}

.box .paged li {

  float: left;

  margin-right: 26px;

  text-align: center;

  line-height: 42px;

  width: 42px;

  height: 42px;

  border-radius: 50%;

  font-size: 16px;

  color: #888888;

  background-color: #fff;

}

.box .paged .left, .box .paged .right {

  font-size: 24px;

}

.box .paged .right {

  margin-right: 0px;

}

.box .paged li:active {

  color: #ffffff;

  background-color: #e4006e;

}

.box .news-details-page, .box .mien-cont {

  display: none;

  -moz-box-shadow: 1px 1px 5px #666;

  -webkit-box-shadow: 1px 1px 5px #666;

  box-shadow: 2px 3px 5px #666;

  box-sizing: border-box;

  padding: 98px 145px;

  width: 80%;

  background-color: #fff;

  -webkit-border-radius: 12px;

  -moz-border-radius: 12px;

  border-radius: 12px;

  text-align: center;

  overflow: hidden;

  margin: 0 auto;

  margin-top: 60px;

}

.box .news-details-page .details-title, .box .mien-cont .details-title {

  display: inline-block;

  font-size: 38px;

}

.box .news-details-page .details-time, .box .mien-cont .details-time {

  margin: 25px auto;

  width: 205px;

  font-family: "Microsoft YaHei";

  font-size: 16px;

  line-height: 16px;

  color: #a3a3a3;

  background: url("../img/static/time.png") no-repeat;

  text-indent: 1em;

}

.box .news-details-page .line, .box .mien-cont .line {

  border-bottom: 2px solid #a6a6a6;

  margin-bottom: 20px;

}

.box .news-details-page .details-conetxt, .box .mien-cont .details-conetxt {

  text-align: left;

  font-size: 16px;

  color: #333333;

  /* text-indent: 2em; */

}

.box .news-details-page .details-conetxt img, .box .mien-cont .details-conetxt img {

  display: block;

  margin: 0 auto;

  width: 400px;

}

.box .mien-cont {

  box-shadow: none;

  padding: 0;

}

.box .mien-cont .back {

  cursor: pointer;

}

.box .mien-cont .back span img {

  vertical-align: middle;

}

.box .jobdetail {

  text-align: left;

  line-height: 2em;

}

.box .jobdetail h2 span {

  font-size: 16px;

  padding-left: 10px;

}

.box .details-control {

  display: block;

  overflow: hidden;

  width: 80%;

  height: 40px;

  margin: 0 auto;

  margin-top: 45px;

}

.box .details-control ul {

  float: left;

}

.box .details-control ul li {

  font-size: 14px;

  color: #222222;

}

.box .details-control .back {

  float: right;

  font-size: 16px;

  line-height: 40px;

}

.box .details-control .back a {

  color: #9a9a9a;

}

.box .details-control .back span {

  display: inline-block;

  width: 40px;

  height: 41px;

  line-height: 44px;

  margin-right: 20px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  background-color: #fff;

  text-align: center;

}

.box .loadmore {

  color: #929292;

  text-align: center;

}

.box .footer {

  width: 100%;

  height: 250px;

  margin-top: 80px;

  background: url("../img/static/footer_bg.png");

  background-size: cover;

  text-align: center;

}

.box .footer .qujulogo {

  display: inline-block;

  width: 235px;

  height: 40px;

  margin-top: 55px;

  background: url("../img/static/logo_03.png") no-repeat;

}

.box .footer p {

  color: #fff;

  line-height: 25px;

  font-size: 14px;

}

.box .footer p a {

  padding-left: 5px;

  color: #fff;

}

.box .footer p a:hover {

  text-decoration: underline;

}

.box .footer p ._a {

  display: block;

}

.box .footer p ._a img {

  vertical-align: middle;

}

.box .footer p .bottoma {

  border-right: 1px solid #fff;

  padding: 0 10px;

  height: 14px;

}

.box .footer p ._bot {

  border-right: 0;

}

